
body {
    padding-right: 150px;
    padding-left: 150px;
    font-family: verdana, sans-serif;
    font-size: 12px;
}

table {
    width: 100%;
}

#header {
    background-color: rgb(255,222,34);
}

#auth {
    text-align: right;
    padding-right: 50px;
}

.slide {
    display: none;
}

#navigator-box {
    text-align: center;
}

#nav-info {
    padding-bottom: 8px;
}

#progress-box {
    background-color: rgb(255,0,34);
    height: 20px;
}

#progresso {
    text-align: right;
}

.clicavel {
    cursor: pointer;
}

.clicavel-h {
    cursor: e-resize;
}

.clicavel-v {
    cursor: n-resize;
}

.codigo {
    font-family: monospace;
}

.slide > .ui-widget-content {
    padding: 5px;
}

.ui-resizable-helper {
    border: 2px dotted blue;
}

.helper-verde {
    border: 2px groove green;
}

#logo {
    margin: 3px;
}

#draggables_desordenados p, #draggables_ordenados p, #draggables_snap p {
    padding-top: 15px;
    padding-bottom: 15px;
}

#draggables_snap p {
    padding-top: 50px;
    padding-bottom: 50px;
}

#draggables_desordenados p span, #draggables_ordenados p span, #draggables_snap p span, .draggable_azul, .draggable_rosa {
    padding: 0;
    margin: 0;
    border-width: 1px;
    border-style: solid;
}

#draggables_desordenados p span {
    border-color: red;
    background-color: rgb(255,224,192);
}

#draggables_ordenados p span, #draggables_snap p span, .draggable_azul {
    border-color: blue;
    background-color: rgb(192,192,255);
}

.draggable_rosa {
    border-color: magenta;
    background-color: rgb(255,192,255);
}

#draggable_troca_cor .ui-draggable {
    background-color: cyan;
}

#draggable_troca_cor .ui-draggable-dragging {
    background-color: yellow;
}

.droppable_active {
    background-color: rgb(224,255,224);
    border-style: solid;
}

.droppable_hover {
    background-color: rgb(192,192,0);
    border-style: solid;
    border-color: black;
    border-width: 3px;
}

#jquery_seletores li {
    padding-bottom: 5px;
}

.dialog_apresentacao { 
    font-size: 20px; 
}

.resizable_na_tab {
    background-color: rgb(192,255,255);
    border-style: solid;
    border-color: black;
    border-width: 1px;
    overflow: hidden;
    margin-left: 0px;
    padding-left: 5px;
}
